*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body{
  height:100%;
  font-size:14px;
  font-family:'\5FAE\8F6F\96C5\9ED1';
  background-color:#202123;
}
a{
  color:#333;
  text-decoration:none;
}
a:hover{
  color:#fff;
}
i,em{
  font-style: normal;
}
.clearfix{
  zoom:1;
}
.clearfix:after{
  content:'.';
  height:0;
  visibility:hidden;
  display:block;
  clear:both;
}
ul, li{
  list-style:none;
  margin:0;
  padding:0;
}
img{
  vertical-align:middle;
}
::-webkit-scrollbar{
  -webkit-appearance:none;
  width:10px;
  height:10px;
}
::-webkit-scrollbar-thumb{
  border-radius:4px;
  border:2px solid white;
  background-color:rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:hover{
  background-color:rgba(0, 0, 0, 0.8);
}
::-webkit-scrollbar-thumb:window-inactive{
  background-color:rgba(0, 0, 0, 0.2);
}
input{
  outline:none;
}
#app, html{
  height:100%;
}
.center-auto{
  width:1000px;
  margin:0 auto;
  color: #636c71;
}
.container{
  text-align:center;
}
.none{
  display:none;
}